<template>
  <div class="data-collection-page page-wrap">
    <!--        头部-->
    <container></container>
    <!-- 右侧内容区域 -->
    <div class="container-panel">
      <!-- 左侧树形菜单 -->
      <div class="tree-container">
        <side-menu></side-menu>
      </div>
      <!-- 右侧内容区域 -->
      <div class="content-right-content border-box">
        <!-- 面板内容 -->
        <router-view></router-view>
      </div>
    </div>
    <!--    底部-->
    <bottom-tip></bottom-tip>
  </div>
</template>

<script>
import Container from "@/components/Container";
import BottomTip from "@/components/BottomTip";
import SideMenu from "@/components/sideMenu/index.vue";
export default {
  components: {
    Container,
    BottomTip,
    SideMenu
  },
  data() {
    return {};
  },
  methods: {
    handleNodeClick(data) {
      console.log(data, data.to);
      this.$router.push(`/dataCollectionPage/${data.to}`);
    }
  }
};
</script>

<style lang="less" scoped>
</style>